<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="${ctx}/components/chart/echarts/echarts.min.js"></script>
    <script src="${ctx}/components/zTree/js/jquery-1.4.4.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 100%;height:600px;"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    $.get("statChartAction_getHighPriceProductJson","",function(json){


//        // 指定图表的配置项和数据
//        var option = {
//            title: {
//                text: '生产厂家销售情况'
//            },
//            tooltip: {},
//            legend: {
//                data:['销量']
//            },
//            xAxis: {
//                data: json.xAxis
//            },
//            yAxis: {},
//            series: [{
//                name: '销量',
//                type: 'bar',
//                data: json.seriesData
//            }]
//        };

        option = {
            color: ['#3398DB'],
            tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis : [
                {
                    type : 'category',
                    data : json.xAxis,
                    axisTick: {
                        alignWithLabel: true
                    }
                }
            ],
            yAxis : [
                {
                    type : 'value'
                }
            ],
            series : [
                {
                    name:'价格排行',
                    type:'bar',
                    barWidth: '60%',
                    data:json.seriesData
                }
            ]
        };


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    },"json")



</script>
</body>
</html>